<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
	*{margin:0;padding:0}
	html {
		background: #eee;
		font-family: sans-serif;
	}
	div {
		background: #fff;
		padding: .2% .5%;
		margin: 1%;
		width: 30%;
		float: left;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		box-shadow: 2px 2px 4px #999;
		-moz-box-shadow: 2px 2px 4px #999;
		-webkit-box-shadow: 2px 2px 4px #999;
	}
	h1 {
		display: block;
		margin: 0 -1.5%;
		padding: 2px 16px;
		border-bottom: 1px solid #999;
	}
	h2 {
		margin-left: 2%;
		font-size: 1.3em;
		color: #777;
	}
	span {
		display: block;
		padding: 8px;
		margin: 8px;
		float: left;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		background: #eee;
		border: 1px solid #aaa;
		border-width: 0 1px 1px 0;
	}
	p {
		float: left;
		padding: 16px 0;
	}
	br {
		font-size: 0;
		clear: both;
	}
	.fixed span {
		width: 25%;
		text-align: center;
	}
	blockquote {
		padding: 2% 3%;
	}
	hr {
		border: 1px solid #999;
		border-top: none;
		margin: 4px;
	}
</style>
<div>
	<h1>Slideshow</h1>
	<span>F12</span><p>Toggle slideshow &nbsp; (+CTRL set speed)</p><br />
</div>
<div>
	<h1>Next image</h1>
	<span>►</span>
	<span>▼</span>
	<span>Pg Dn</span>
	<span>Spacebar</span>
	<br />
</div>
<div>
	<h1>Previous image</h1>
	<span>◄</span>
	<span>▲</span>
	<span>Pg Up</span>
	<br />
</div>
<div>
	<h1>Rotate</h1>
	<span>R</span>
	<span>Ctrl R</span>
	<span>[</span>
	<span>]</span>
	<br />
</div>
<div>
	<h1>Rename</h1>
	<span>F2</span>
	<p>+alt goes to next image</p>
	<br />
</div>
<div>
	<h1>Move to subfolder</h1>
	<span>num 0</span>
	<p>...</p>
	<span>num 9</span>
	<br />
</div>
<div class="fixed">
	<h1>Image enhancement</h1>
	<h2>ALT + numpad keys:</h2>
	<span>Bright +</span><span>Contr +</span><span>Gamma +</span><br />
	<span>Bright R</span><span>Contr R</span><span>Gamma R</span><br />
	<span>Bright -</span><span>Contr -</span><span>Gamma -</span><br />
	<br />
</div>
<div>
	<h1>Zooming</h1>
	<blockquote>
		Right-click and drag to zoom. Also, <strong>scrollwheel.</strong><hr />
		<strong>Zoom in</strong>: Towards bottom right<br />
		<strong>Zoom out</strong>: Towards top left
	</blockquote>
	<span>Alt 1</span><p>1:1 (original size)</p><br />
	<span>Alt 2</span><p>Fit to width</p><br />
	<span>Alt 3</span><p>Fit to height</p><br />
	<span>Alt 4</span><p>Fit to screen</p><br />
</div>
<div>
	<h1>Panning</h1>
	<blockquote>
		Left-click and drag to pan / move.<hr />
	</blockquote>
		<span>Ctrl ▼</span><p>moves down one screen</p><br />
		<span>Shift ▼</span><p>moves down 1/2 screen</p><br />
		<span>Home</span><p>reset</p><br />
	<span>L</span><p>Lock image to edges</p><br />
</div><br />
<div>
	<h1>Viewports</h1>
	<span>1..9</span><p>Load viewport</p><br />
	<span>Shift 1..9</span><p>Save viewport</p><br />
</div>
<div>
	<h1>Background</h1>
	<span>B</span><p>change background to black</p><br />
	<span>B+Ctrl</span><p>change background to white</p><br />
	<span>B+Shift</span><p>change background to checkerboard</p><br />
	<span>B+Alt</span><p>change background to dialogue-selected</p><br />
</div>
<div>
	<h1>Assorted hotkeys</h1>
	<span>esc</span><p>exit</p><br />
	<span>i</span><p>show image information</p><br />
	<span>F9</span><p>image enhancement menu</p><br />
	<span>F11</span><p>fullscreen</p><br />
	<span>F12</span><p>slideshow</p><br />
	<span>Ctrl-F12</span><p>slideshow configuration</p><br />
	<span></span><p></p><br />
</div>
<blockquote>&nbsp;</blockquote>
